﻿<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/themes/base/providers.css")" />
<style type="text/css">
    #Google { background: url('@Url.Content("~/Content/themes/base/images/google.png")') no-repeat center center; }
    #Yahoo  { background: url('@Url.Content("~/Content/themes/base/images/yahoo.png")') no-repeat center center; }
    #myOpenId { background: url('@Url.Content("~/Content/themes/base/images/myopenid.png")') no-repeat center center; }
    #AOL { background: url('@Url.Content("~/Content/themes/base/images/aol.png")') no-repeat center center; }
</style>
<p>Choose your OpenID Provider below, or manually enter your OpenID Url.</p>
<ul class="openIdProviders">
    <li><div id="Google" title="Google" class="hoverButton" onclick="OpenIdHandler('google', true)">&nbsp;</div></li>
    <li><div id="Yahoo" title="Yahoo" class="hoverButton" onclick="OpenIdHandler('yahoo', true)">&nbsp;</div></li>
    <li><div id="myOpenId" title="myOpenId" class="hoverButton" onclick="OpenIdHandler('myOpenId', false)">&nbsp;</div></li>
    <li><div id="AOL" title="AOL" class="hoverButton" onclick="OpenIdHandler('AOL', false)">&nbsp;</div></li>
</ul>
<script src="@Url.Content("~/Scripts/providers.js")" type="text/javascript"></script>